import CodeView from '../../../shared/components/CodeView.jsx';
import { getDisplayElementById } from '../../shared/helpers';
import * as Base from './example';

<div className="doc lead">
  Set of utilities that provide interaction(s).
</div>

## Examples

### Link Reset
<CodeView>
  {getDisplayElementById(Base.examples, 'reset')}
</CodeView>

### Link Reset with Text Link Inside
<CodeView>
  {getDisplayElementById(Base.examples, 'link')}
</CodeView>

### Link Reset with Halo Focus
<CodeView>
  {getDisplayElementById(Base.examples, 'halo-focus')}
</CodeView>

### Button Reset
<CodeView>
  {getDisplayElementById(Base.examples, 'button-reset')}
</CodeView>

### Faux Link on a span
<CodeView>
  {getDisplayElementById(Base.examples, 'faux')}
</CodeView>
